{% extends "base2.html" %}

{% block BaseHead %}
<script type="text/javascript">
    GW.pageOnLoad = function(){
        //GW.div.left( 'idLeft' );
        //GW.div.right( 'idRight' );
        GW.div.leftright( 'idLeft', 'idRight' );
        GW.wait.hide();                                                         // hide the wait panel now that everything is loaded
    };
</script>
{% endblock %}

{% block BaseBody %}
<div id="idLeft" style="overflow: auto; background-color: #00ffff; width: 50%; " >
<div style="padding-left: 0.5em; margin-left: 0.5em; background-color: #00aa77;">
    <p>A solid border 1st line</p>
    <p>A solid border 2nd line</p>
    <h1>Used to test div layout approach.</h1>
    var th = (myEditor.toolbar.get('element').clientHeight + 2); //It has
    a 1px border..
    var dh = (myEditor.dompath.clientHeight + 1); //It has a 1px top border..
    var newH = (YAHOO.util.Dom.getViewportHeight() - th - dh);
    myEditor.set('width', YAHOO.util.Dom.getViewportWidth() + 'px');
    myEditor.set('height', newH + 'px');
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border 30</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>A solid border</p>
    <p>Last line</p>
</div>
</div>

<div id="idRight" style="overflow: auto; width: 50%; background-color: #00ff00; " >
<p>A solid border 1st line</p>
<p>A solid border 2nd line</p>
<h1>Used to test div layout approach.</h1>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>A solid border TEST2</p>
<p>Last line</p>
</div>
{% endblock %}

